﻿body {
    margin: 0;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.47;
    color: #828393;
    background-color: #f7f7f9;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(76, 78, 100, 0)
}

hr {
    margin: 1rem 0;
    color: #eaeaec;
    border: 0;
    border-top: 1px solid;
    opacity: 1
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.1;
    color: #636578
}

h1, .h1 {
    font-size: calc(1.3625rem + 1.35vw)
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.375rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem
    }
}

h3, .h3 {
    font-size: calc(1.2875rem + 0.45vw)
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.625rem
    }
}

h4, .h4 {
    font-size: calc(1.2625rem + 0.15vw)
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.375rem
    }
}

h5, .h5 {
    font-size: 1.125rem
}

h6, .h6 {
    font-size: 0.9375rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: 100 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-bolder {
    font-weight: 900 !important
}

/*Button*/
.app-default-button .mdi:before {
    display: inherit;
    line-height: initial;
}

/*Login*/
.authentication-wrapper {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

    .authentication-wrapper .authentication-inner {
        width: 100%
    }

    .authentication-wrapper.authentication-basic {
        align-items: center;
        justify-content: center
    }

    .authentication-wrapper .auth-cover-illustration {
        z-index: 1;
        max-inline-size: 38rem
    }

    .authentication-wrapper .authentication-image {
        z-index: -1;
        inline-size: 100%;
        inset-block-end: 7%;
        position: absolute;
        inset-inline-start: 0
    }

    .authentication-wrapper.authentication-cover {
        align-items: flex-start
    }

        .authentication-wrapper.authentication-cover .authentication-inner {
            min-height: 100vh;
            position: relative
        }

        .authentication-wrapper.authentication-cover .authentication-image {
            inline-size: 70%;
            inset-inline-start: unset;
        }

    .authentication-wrapper .authentication-bg {
        background-color: #fff
    }

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
    min-height: 1px;
    align-items: center
}

.auth-cover-brand {
    position: absolute;
    z-index: 1;
    inset-block-start: 1.8rem;
    inset-inline-start: 2.5rem
}

.app-brand-link {
    display: flex;
    align-items: center
}

.app-brand-logo {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-height: 1px
}

    .app-brand-logo img, .app-brand-logo svg {
        display: block
    }

.app-brand-text {
    flex-shrink: 0;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    color: #636578 !important;
}

.app-brand-img-collapsed {
    display: none
}

.app-brand .layout-menu-toggle {
    display: block
}

    .app-brand .layout-menu-toggle svg {
        color: #4c4e64
    }

.menu-vertical .app-brand {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.app-brand-logo.demo svg {
    width: 38px;
    height: 20px;
}

.app-brand-text.demo {
    font-size: 1.25rem;
}

.app-layout-form {
    width: 400px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.app-from-check {
    position: relative;
    display: block;
    min-height: 1.378125rem;
}

/*MainLayout*/

.app-brand.demo {
    height: 64px;
}

.menu-vertical .app-brand {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.menu .app-brand {
    width: 100%;
}

.app-layout-menu,
.app-layout-nav {
    background-color: #f7f7f9 !important;
    color: #636578;
}

/*Error404*/
.misc-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    position: relative;
    padding: 1.25rem;
}

.misc-bg {
    inline-size: 100%;
    position: absolute;
    inset-inline-start: 0;
    bottom: 0
}

.misc-object {
    position: absolute;
    left: 16%;
    bottom: 8%;
    z-index: 1
}
